<template>
<div>
  <van-row >
    <van-col span="24" style="height:20px"> 

    </van-col>
  </van-row>
<van-row >
  <van-col span="8"> </van-col>
  <van-col span="8"><van-image
  round
  width="10rem"
  height="10rem"
  :src="data.avatar"
/></van-col>
  <van-col span="8"> </van-col>
</van-row>
<van-cell-group>
  <van-cell title="会员" :value="data.username" />
  <van-cell title="会员等级" :value="data.levelLabel" />
  <van-cell title="plus等级" :value="data.levelPlusLabel" />
  <van-cell title="下一级" :value="data.nextLevelGrowth" />
  <van-cell title="目前成长" :value="data.growth" />
  <van-cell title="会员余额" :value="data.money" />
</van-cell-group>
<van-row >
    <van-col span="24" style="height:20px"> 

    </van-col>
  </van-row>
<van-cell-group>
  <van-cell title="会员充值" is-link to="memberRecharge" />
   <van-cell title="会员卡购买" is-link to="memberGrowth" />
    <van-cell title="我的订单" is-link to="suborders" />
    <van-cell title="我的优惠券" is-link to="coupons" />
</van-cell-group>
  <van-tabbar route>
          <van-tabbar-item replace
                       to="/home"
                       icon="home-o">主页</van-tabbar-item>
      <van-tabbar-item replace
                       to="/activity"
                       icon="gem-o">活动</van-tabbar-item>

      <van-tabbar-item replace
                       to="/cart"
                       icon="shopping-cart-o">购物车</van-tabbar-item>
      <van-tabbar-item replace
                       to="/me"
                       icon="friends-o">我的</van-tabbar-item>
    </van-tabbar>
</div>
</template>
<script>
import {getMemberSelf} from '@/api/memberInfo'
export default {
components: {},
props: {},
data () {
  return { 
  data:{
    avatar:''
  }
  } 
},
 
computed: {},
watch: {},
methods: {
  initSelf(){
    getMemberSelf().then(res=>{
      this.data = res.data.data

    })
    
  }
},
created () {
  this.initSelf()
 },
mounted () { },
beforeCreate () { },
beforeMount () { },
beforeUpdate () { },
updated () { },
beforeDestroy () { },
destroyed () { },
activated () { }
}
</script>
<style lang='less'>
</style>